<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>计算属性</title>
	</head>
	<body>
		<div id="app">
			<!-- 需求：
			 将用户的输入内容进行反转
			 API：
			 1.字符串转化为数组 拆串
			 2.将数组倒序
			 3.将数组转化为字符串
			 -->
			<!-- <h3>数据展现:{{msg.split("").reverse().join("")}}</h3> -->
			<hr >
			<h3>数据展现:{{reverse()}}</h3>
			<input type="text" v-model="msg" />
			
		</div>
		<script src="../js/vue.js" ></script>
		<script>
			const APP=new Vue({
				el: "#app",
				data: {
					msg: "abc",
				},
				methods:{
					reverse(){
						console.log("方法执行")
						return this.msg.split("").reverse().join("")
						
					}
					},
					computed: {
					//key:value  必须添加返回值
					reverseCom(){
						console.log("计算属性!!!!")
						return this.msg.split('').reverse().join('')
						}
						}
				
			})
		</script>
	</body>
</html>
